<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首页 - ${web.name}${web.additionalTitle!}</title>
<link href="${root}/u/css/main.css" type="text/css" rel="stylesheet" />
<script src="${root}/u/js/jspgou/jquery1.42.min.js" type="text/javascript"></script>
<script src="${root}/u/js/jspgou/jquery.superslide.2.1.1.js" type="text/javascript"></script>
<script src="${root}/u/js/jspgou/leftlanmu.js" type="text/javascript"></script>
<script src="${sysResRoot}/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
function g(o){
	return document.getElementById(o);
}
function HoverLi(x,y,m,n,counter){
	for(var i=1;i<=counter;i++){
		g(x+m+i).className='normaltab';
		g(y+m+i).className='undis';
	}
	g(y+m+n).className='dis';
	g(x+m+n).className='curr';
}
function jte(obj,n){
    obj.className="current";
     var t;
	 var id;
	 var s;
	 for(var i=0;i<=n;i++){
	   id ="nav"+i;
	   t = document.getElementById(id);
	   if(id != obj.id){
	   	 t.className="white";
	   }
	 }
 }
 $(document).ready(function(){
 
  $('.fore1').mousemove(function(){
  $(this).find('span').slideDown("900");//可以自己修改速度
  });
  $('.fore1').mouseleave(function(){
  $(this).find('span').slideUp("fast");
  });
 
});
</script>
<script type="text/javascript">
var proMaxHeight = 146;
var proMaxWidth = 217;
　　
function proDownImage(ImgD){
　　　var image=new Image();
　　　 image.src=ImgD.src;
　　　if(image.width>0 && image.height>0){
        var ww = proMaxWidth/image.width;
        var hh = proMaxHeight/image.height;
　　　var rate = (ww < hh)?ww:hh;
　　if(rate <= 1){　
　　 ImgD.width = image.width*rate;
　　 ImgD.height =image.height*rate;
　　}
　　else {
　　　　ImgD.width = image.width;
　　　　ImgD.height =image.height;
　　　　　}
　　　}
}
</script> 
<style>
.con_img{ position:relative; width:217px; height:231px;}
.con_img1{ position:relative;}
.con_img1 img{ margin:auto; width:162px;}
.ms{ display:none; position:absolute; bottom:0; left:0; width:207px; line-height:24px; -moz-opacity:0.6; font-family:Arial,宋体; opacity:0.6;filter:alpha(opacity=60);background:#000; padding-left:5px; padding-right:5px; word-break:break-all; word-wrap:break-word;}
.ms1{ display:none; position:absolute; bottom:0; left:0; width:153px; line-height:24px; -moz-opacity:0.6; font-family:Arial,宋体; opacity:0.6;filter:alpha(opacity=60);background:#000; padding-left:5px; padding-right:5px; word-break:break-all; word-wrap:break-word;}
</style>
</head>

<body style="background:url(${root}/u/img/jspgou/bg.gif) repeat-x;">
<div class="w1187">
    <div class="w239">
        <script type="text/javascript">
		$(document).ready(function(){			   
			$(".lm_w239").hoverClass("current");
		});
		</script>
        <div class="cat_hd"><h3><a href="#">全部商品分类</a></h3></div>
        <div class="all-goods">
            <!--页面上部靠左全部商品导航栏-->
            [@shop_Category]
            [#list tag_list as type]
                [#if type_index<13]
                    <div class="fenlei btnone">
                        <div class="chanpin">
                            <h3><a href="${type.url!}" target="_blank">${type.name!}</a></h3>
                            <s style="display:block;"></s>
                        </div>
                        <div class="chanpin-wrap posone"> 
                            
                                [@shop_Category parentId=type.id]
                                <div class="fl">
                                    [#list tag_list as cate]
                                    <div style="margin-bottom:10px; clear:both; overflow:hidden;">
                                        <h2><a href="${cate.url!}">${cate.name!}</a></h2>
                                        
                                        [@shop_Category parentId=cate.id]
                                        <ul>
                                        	[#list tag_list as ca]
                                            <li><a target="_blank" href="${ca.url!}">${ca.name!}</a></li>   
                                        	[/#list]
                                        </ul>
                                        [/@shop_Category]
                                    </div>
                                    [/#list]			
                                </div>
                                [/@shop_Category]	
                            
                        </div>
                    </div>
                [/#if]
            [/#list]
            [/@shop_Category]
            <!--页面上部靠左全部商品导航栏结束-->
        </div>
    </div>
    <div class="w948">
    	[#include "../include/title_top.html"/]
		[#include "../include/title_nav.html"/]
        <div class="w935">
        	<!--页头搜索栏开始-->
		<form id="searchForm" action="${base}/search.jspx">
        	<input name="q" id="q" value="${q!'请输入关键词'}" type="text" 
                   onfocus="if(this.value=='请输入关键词')this.value=''" 
                   onblur="if(this.value=='')this.value='请输入关键词'" class="key_search" />
        	<input type="submit" value="" class="menu_search" />
		</form>
            <div class="hotwords">
                <span>热门：</span>
				[@keyword_list count= 6]
				  [#if tag_list?size gt 0]
				   [#list tag_list as kw]
					<a id="${kw.keyword}" onclick="parssKey(this);" style="cursor:pointer">${kw.keyword}</a> 
				   [/#list]
				  [#else]
				  [/#if]
				 [/@keyword_list]
            </div>
		<script type="text/javascript">
			function parssKey(o){
				var v=o.id;
				$("#q").val(v);
				document.getElementById("searchForm").submit();
			} 
		</script>
		<!--页头搜索栏结束-->	
        	<div class="clear10"></div>
            <div class="w687">
				<!--首页广告开始-->
                <div class="foucs687">
                    <ul class="buypic">
                        [@post_list]
                        [#list tag_list as post]
                           <li><a href="${base}[#if !post.interUrl??]#[#else]${post.interUrl!}[/#if]" target="_blank"><img src="${base}${post.picUrl}" width="687" height="274" /></a></li>      
						[/#list]
                        [/@post_list]
                    </ul>
                    <a class="prev" href="javascript:void(0)"></a>
                    <a class="next" href="javascript:void(0)"></a>
                    <div style="width:135px; height:15px; background-color:#000000; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; border-radius:8px;overflow:hidden; position:absolute; bottom:12px; zoom:1; z-index:3; text-align:center; left:40%; padding:4px 0px 4px 8px;"></div>
                    <div class="num">
                        <ul></ul>
                    </div>
                </div>
                <script>
				/*鼠标移过，左右按钮显示*/
				$(".foucs687").hover(function(){
					$(this).find(".prev,.next").fadeTo("show",0.1);
				},function(){
					$(this).find(".prev,.next").hide();
				})
				/*鼠标移过某个按钮 高亮显示*/
				$(".prev,.next").hover(function(){
					$(this).fadeTo("show",0.7);
				},function(){
					$(this).fadeTo("show",0.1);
				})
				$(".foucs687").slide({ titCell:".num ul" , mainCell:".buypic" , effect:"fold", autoPlay:true, delayTime:700 , autoPage:true });
				</script>
                <!--首页广告结束-->
				<!--首页海报下方小海报开始-->
                <div class="recommend">
				[@shop_Channel count='19']
          	     [#list tag_list as c]
					[#if c_index==7]
						<a href="${c.url!}" target="_blank"><img src="${root}/u/img/jspgou/area1_pic3.jpg" width="228" height="140" /></a>
					[/#if]
					[#if c_index==8]
						<a href="${c.url!}" target="_blank"><img src="${root}/u/img/jspgou/area1_pic4.jpg" width="228" height="140" /></a>
					[/#if]
					[#if c_index==9]
						<a href="${c.url!}" target="_blank"><img src="${root}/u/img/jspgou/area1_pic5.jpg" width="228" height="140" /></a>
					[/#if]
				 [/#list]
          	    [/@shop_Channel]              
                </div>
				<!--首页海报下方小海报结束-->
            </div>
			<!--热门活动、最新公告开始-->
			<div class="w227">
                <div class="announcements">
                    <ul>
					[@shop_Channel count='2']
					[#list tag_list as c]
                        <li id="ts_1${c_index+1}"  [#if c_index==0]class="curr"[#else]class="normaltab"[/#if]
          	      onmousemove="HoverLi('ts_','tsn_',1,${c_index+1},2)">${c.name!}</li>          
					[/#list]
					[/@shop_Channel]	
                    </ul>
                </div>
                <div class="clear"></div>
				[@shop_Channel count='2']
          	     [#list tag_list as c]
                <div id="tsn_1${c_index+1}" [#if c_index+1=1]class="dis"[#else]class="undis"[/#if]>
				[@shop_ArticleList channelId=c.id count='5' ]
                    <div class="w227List">
                        <dl><a href="${base}/coupon.jspx" target="_blank"><img src="${root}/u/img/jspgou/area1_pic2.jpg" width="215" height="59" /></a></dl>
                        <ul>
							[#list tag_list as a]
                            <li><a href="${a.url!}">${a.title!}</a></li>                       
							[/#list]
                        </ul>
                    </div>
				[/@shop_ArticleList]	
                </div>
				[/#list]
          	   [/@shop_Channel]
                <div class="clear"></div>
                <a href="${base}/registerStore.jspx" target="_self"><img src="${root}/u/img/jspgou/area1_pic6.jpg" width="214" height="181" /></a>
            </div>
			<!--热门活动、最新公告结束-->
        	<div class="clear"></div>
    	</div>
        <img src="${root}/u/img/jspgou/line_r.gif" width="10" height="33" class="w10" style="margin-top:0;" />
    </div>
	<div class="clear"></div>
</div>
<div class="grayBg">
	<div class="main">
    	<div class="area2">
			<!--今日推荐开始-->
			[@shop_Channel count='19']
				[#list tag_list as c]
					[#if c_index==17]
						<a href="${c.url!}"><img src="${root}/u/img/jspgou/area2Today1.jpg" width="232" height="400" class="area2_w232" /></a>
					[/#if]
				[/#list]
			[/@shop_Channel] 
			<!--今日推荐结束--> 
			<div class="area2_w468">
            	<ul>
				[@shop_Channel count='19']
				[#list tag_list as c]
					[#if c_index==18]
						<li><a href="${c.url!}"><img src="${root}/u/img/jspgou/area2_pic1.jpg" width="233" height="200" /></a></li>
					[/#if]
					[#if c_index==10]
						<li><a href="${c.url!}"><img src="${root}/u/img/jspgou/area2_pic3.jpg" width="233" height="200" /></a></li>
					[/#if]
					[#if c_index==11]
						<li><a href="${c.url!}"><img src="${root}/u/img/jspgou/area2_pic2.jpg" width="233" height="200" /></a></li>
					[/#if]
					[#if c_index==12]
						<li><a href="${c.url!}"><img src="${root}/u/img/jspgou/area2_pic4.jpg" width="233" height="200" /></a></li>
					[/#if]
				[/#list]
				[/@shop_Channel] 
                </ul>
            </div>
			[@shop_Channel count='19']
			[#list tag_list as c]
				[#if c_index==13]
					<a href="${c.url!}"><img src="${root}/u/img/jspgou/area2Today2.jpg" width="228" height="400" class="area2_w228" /></a>
				[/#if]
			[/#list]
			[/@shop_Channel]
            <div class="area2_w239">
            	<div class="area2_w239List">
				[@shop_Channel count='19']
					[#list tag_list as c]
						[#if c_index==14]	
							<a href="${c.url!}"><img src="${root}/u/img/jspgou/area2_pic5.jpg" width="239" height="199" /></a>
						[/#if]
						[#if c_index==15]			     
							<a href="${c.url!}"><img src="${root}/u/img/jspgou/area2_pic6.jpg" width="239" height="199" /></a>			
						[/#if]
					[/#list]
				[/@shop_Channel]
                </div>
            </div>
        </div>
        <!--中国茶品味开始-->
		[@shop_Channel count='19']
			[#list tag_list as c]
				[#if c_index==16]	
				<a href="${c.url!}"><img src="${root}/u/img/jspgou/banner1.jpg" width="1169" height="112" /></a>
				[/#if]
			[/#list]
		[/@shop_Channel]    
		 <!--中国茶品味结束-->
        <div class="clear10"></div>
        <div class="clear10"></div>

        <!-----------------------1start-------------------------------->   
        <div class="area4">
		[@shop_Category]
		  [#list tag_list as cate]
			[#if cate_index== 1]
        	<div class="t_step">
            	<img src="${root}/u/img/jspgou/step1.jpg" width="160" height="34" class="t_step_name" value="${cate.name!}"/>
                <div class="t_step_more"><a href="${cate.url!}" target="_blank">更多>></a></div>
                <div class="t_step_link">
					[@shop_Category parentId=cate.id]
					[#list tag_list as subcate]
						<a href="${subcate.url!}">${subcate.name!}</a>
					[/#list]
					[/@shop_Category]	
                </div>
            </div>
            <div class="area4_w226">
			<div class="area4sort">
                	<ul>
					[@shop_Category parentId=cate.id]
					[#list tag_list as subcate]
                    	<li><a href="${subcate.url!}">${subcate.name!}</a></li>
					[/#list]
					[/@shop_Category]	
                    </ul>
                </div>
                <div class="clear10"></div>
                <div class="clear10"></div>
                [@shop_Category parentId=cate.id]

					 [#list tag_list as subcate]
						[#if subcate_index==0]			
				   <a href="${subcate.url!}" target="_blank"><img src="${base}${subcate.imagePath!}" width="180" height="230" style="margin:auto;"/></a>				   
						[/#if]
					 [/#list]
				[/@shop_Category]
            </div>
            
            <!-- 代码 开始 -->
            <div class="area4_w287">
                <div class="jspgou">
                    <ul class="buypic">
                    [@shop_Category parentId=cate.id]
						[#list tag_list as subcate]	
						[#if subcate_index&lt;4 && subcate_index != 0]
                        <li><a href="${subcate.url!}" target="_blank"><img src="${base}${subcate.imagePath!}" width="287" height="385" /></a></li>           												
						[/#if]
						[/#list]
					[/@shop_Category]	
                    </ul>
                    <a class="prev" href="javascript:void(0)"></a>
                    <a class="next" href="javascript:void(0)"></a>
                    <div class="num">
                        <ul></ul>
                    </div>
                </div>
            </div>
            <!-- 代码 结束 -->
            <div class="area3_w653">
            	<div class="w654List">
                	<ul>
					[@shop_ProductList categoryId=cate.id count='7' Recommend='1']
					[#list tag_list as product]
						[#if product_index<3]
                    	<li class="fore1 con_img">
						<a href="${product.url!}" target="_blank"><img src="${base}${product.productExt.coverImg!}" width="217" height="231"/></a>
						<span class="ms" style="color:white;">[@text_cut s=product.name len='20' append='...'/]&nbsp;&nbsp;
						[#if product.productFashion??]
							<strong style="color:red">￥${product.productFashion.salePrice!}</strong>
						[#else]
							<strong style="color:red">￥${product.salePrice!}</strong>
						[/#if]
						</span>
						</li>
						[#else]
						<li class="fore1 con_img1" style="width:163px;">
						<a href="${product.url!}" target="_blank"><img onmouseover="ms()" src="${base}${product.productExt.coverImg!}" onload='javascript:proDownImage(this);'/></a>
                        <span class="ms1" style="color:white;">[@text_cut s=product.name len='14' append='...'/]&nbsp;&nbsp;
						[#if product.productFashion??]
							<strong style="color:red">￥${product.productFashion.salePrice!}</strong>
						[#else]
							<strong style="color:red">￥${product.salePrice!}</strong>
						[/#if]</span>
						</li>
						[/#if]
					[/#list]
					[/@shop_ProductList]	
                    </ul>
                </div>
            </div>
			 [/#if]
		  [/#list]
		[/@shop_Category]
        </div>
        <!-----------------------1end-------------------------------->
		<!-----------------------2start-------------------------------->   	
        <div class="area3">
		[@shop_Category]
		  [#list tag_list as cate]
			[#if cate_index== 0]
        	<div class="t_step">
            	<img src="${root}/u/img/jspgou/step2.jpg" width="160" height="34" class="t_step_name" value="${cate.name!}"/>
                   <div class="t_step_more"><a href="${cate.url!}" target="_blank">更多>></a></div>	
                <div class="t_step_link">
					[@shop_Category parentId=cate.id]
					[#list tag_list as subcate]
						<a href="${subcate.url!}">${subcate.name!}</a>
					[/#list]
					[/@shop_Category]	
                </div>
            </div>
            <div class="area3_w226">
            	<div class="area3sort">
                	<ul>
					[@shop_Category parentId=cate.id]
					[#list tag_list as subcate]
                    	<li><a href="${subcate.url!}">${subcate.name!}</a></li>
					[/#list]
					[/@shop_Category]	

                    </ul>
                </div>
                <div class="clear10"></div>
                <div class="clear10"></div>
				[@shop_Category parentId=cate.id]
					 [#list tag_list as subcate]
						[#if subcate_index==0]			
				   <a href="${subcate.url!}" target="_blank"><img src="${base}${subcate.imagePath!}" width="180" height="230" style="margin:auto;"/></a>				   
						[/#if]
					 [/#list]
				[/@shop_Category]
            </div>
            <!-- 代码 开始 -->
            <div class="area3_w287">
                <div class="jspgou">
                    <ul class="buypic">					
					[@shop_Category parentId=cate.id]
						[#list tag_list as subcate]	
						[#if subcate_index&lt;4 && subcate_index != 0]
                        <li><a href="${subcate.url!}" target="_blank"><img src="${base}${subcate.imagePath!}" width="287" height="385" /></a></li>           												
						[/#if]
						[/#list]
					[/@shop_Category]					
                    </ul>
                    <a class="prev" href="javascript:void(0)"></a>
                    <a class="next" href="javascript:void(0)"></a>
                    <div class="num">
                        <ul></ul>
                    </div>
                </div>
            </div>
            <!-- 代码 结束 -->			
            <div class="area3_w653">
            	<div class="w654List">
                	<ul>
					[@shop_ProductList categoryId=cate.id count='7' Recommend='1']
					[#list tag_list as product]
						[#if product_index<3]
                    	<li class="fore1 con_img">
						<a href="${product.url!}" target="_blank"><img src="${base}${product.productExt.coverImg!}" width="217" height="231"/></a>
						<span class="ms" style="color:white;">[@text_cut s=product.name len='20' append='...'/]&nbsp;&nbsp;
						[#if product.productFashion??]
							<strong style="color:red">￥${product.productFashion.salePrice!}</strong>
						[#else]
							<strong style="color:red">￥${product.salePrice!}</strong>
						[/#if]
						</span>
						</li>
						[#else]
						<li class="fore1 con_img1" style="width:163px;">
						<a href="${product.url!}" target="_blank"><img onmouseover="ms()" src="${base}${product.productExt.coverImg!}" onload='javascript:proDownImage(this);'/></a>
                        <span class="ms1" style="color:white;">[@text_cut s=product.name len='14' append='...'/]&nbsp;&nbsp;
						[#if product.productFashion??]
							<strong style="color:red">￥${product.productFashion.salePrice!}</strong>
						[#else]
							<strong style="color:red">￥${product.salePrice!}</strong>
						[/#if]</span>
						</li>
						[/#if]
					[/#list]
					[/@shop_ProductList]	
                    </ul>
                </div>
            </div>
			 [/#if]
		  [/#list]
		[/@shop_Category]
        </div>
        <!-----------------------2end--------------------------------> 
		<!-----------------------3start-------------------------------->   		
        <div class="area5">
		[@shop_Category]
		  [#list tag_list as cate]
			[#if cate_index== 2]
        	<div class="t_step">
            	<img src="${root}/u/img/jspgou/step3.jpg" width="160" height="34" class="t_step_name" value="${cate.name!}"/>
                <div class="t_step_more"><a href="${cate.url!}" target="_blank">更多>></a></div>
                <div class="t_step_link">
					[@shop_Category parentId=cate.id]
					[#list tag_list as subcate]
						<a href="${subcate.url!}">${subcate.name!}</a>
					[/#list]
					[/@shop_Category]	
                </div>
            </div>
            <div class="area5_w226">
			<div class="area5sort">
                	<ul>
					[@shop_Category parentId=cate.id]
					[#list tag_list as subcate]
                    	<li><a href="${subcate.url!}">${subcate.name!}</a></li>
					[/#list]
					[/@shop_Category]	
                    </ul>
                </div>
                <div class="clear10"></div>
                <div class="clear10"></div>
                [@shop_Category parentId=cate.id]
					 [#list tag_list as subcate]
						[#if subcate_index==0]			
				   <a href="${subcate.url!}" target="_blank"><img src="${base}${subcate.imagePath!}" width="180" height="230" style="margin:auto;" /></a>   
						[/#if]
					 [/#list]
				[/@shop_Category]
            </div>
            
            <!-- 代码 开始 -->
            <div class="area4_w287">
                <div class="jspgou">
                    <ul class="buypic">
                    [@shop_Category parentId=cate.id]
						[#list tag_list as subcate]	
						[#if subcate_index&lt;4 && subcate_index != 0]
                        <li><a href="${subcate.url!}" target="_blank"><img src="${base}${subcate.imagePath!}" width="287" height="385" /></a></li>           												
						[/#if]
						[/#list]
					[/@shop_Category]	
                    </ul>
                    <a class="prev" href="javascript:void(0)"></a>
                    <a class="next" href="javascript:void(0)"></a>
                    <div class="num">
                        <ul></ul>
                    </div>
                </div>
            </div>
            <!-- 代码 结束 -->
            <div class="area3_w653">
            	<div class="w654List">
                	<ul>
					[@shop_ProductList categoryId=cate.id count='7' Recommend='1']
					[#list tag_list as product]
						[#if product_index<3]
							<li class="fore1 con_img">
						<a href="${product.url!}" target="_blank"><img src="${base}${product.productExt.coverImg!}" width="217" height="231"/></a>
						<span class="ms" style="color:white;">[@text_cut s=product.name len='20' append='...'/]&nbsp;&nbsp;
						[#if product.productFashion??]
							<strong style="color:red">￥${product.productFashion.salePrice!}</strong>
						[#else]
							<strong style="color:red">￥${product.salePrice!}</strong>
						[/#if]
						</span>
						</li>
						[#else]
						<li class="fore1 con_img1" style="width:163px;">
						<a href="${product.url!}" target="_blank"><img onmouseover="ms()" src="${base}${product.productExt.coverImg!}" onload='javascript:proDownImage(this);'/></a>
                        <span class="ms1" style="color:white;">[@text_cut s=product.name len='14' append='...'/]&nbsp;&nbsp;
						[#if product.productFashion??]
							<strong style="color:red">￥${product.productFashion.salePrice!}</strong>
						[#else]
							<strong style="color:red">￥${product.salePrice!}</strong>
						[/#if]</span>
						</li>
						[/#if]
					[/#list]
					[/@shop_ProductList]	
                    </ul>
                </div>
            </div>
			 [/#if]
		  [/#list]
		[/@shop_Category]
        </div>         
        <!-----------------------3end-------------------------------->   
        
    </div>
	<script>
    /*鼠标移过，左右按钮显示*/
    $(".jspgou").hover(function(){
        $(this).find(".prev,.next").fadeTo("show",0.1);
    },function(){
        $(this).find(".prev,.next").hide();
    })
    /*鼠标移过某个按钮 高亮显示*/
    $(".prev,.next").hover(function(){
        $(this).fadeTo("show",0.7);
    },function(){
        $(this).fadeTo("show",0.1);
    })
    $(".jspgou").slide({ titCell:".num ul" , mainCell:".buypic" , effect:"fold", autoPlay:true, delayTime:700 , autoPage:true });
    </script>
</div>
[#include "../include/footer_information_bar.html"/]
</body>
</html>